﻿<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<SDT.Site.ViewModels.ArticleListViewModel>" %>
<%@ Import Namespace="SDT.Lib.Helpers" %>
<div id="lofslidecontent45" class="lof-slidecontent">
<div class="preload"><div></div></div>
 <!-- MAIN CONTENT --> 
  <div class="lof-main-outer">
  	<ul class="lof-main-wapper">
  		<%if (Model.Articles.Count > 0)
    {
        var count = Model.Articles.Count;
        for (int i = 0; i < count; i++)
        {
            string imgPath = (Model.Articles[i].ImagePath != null && Model.Articles[i].ImagePath != string.Empty) ? SDT.Lib.Common.Utils.GenThumbnail(Model.Articles[i].ID, 440, 300, Model.Articles[i].ImagePath, Model.ImagePath, Model.RootImageUrl) : SDT.Lib.Common.Globals.DefaultLogo;
            %>
  		<li>
             <a href="/news/details/<%=Model.Articles[i].ID %>/<%=Html.ToUrlFriendly(Model.Articles[i].Title)%>">
             <img src="<%=imgPath %>" title="<%=Model.Articles[i].Title %>" alt="<%=Model.Articles[i].Title %>" width="440" height="300" /></a>       
             <div class="lof-main-item-desc">
                <h3><a target="_parent" title="<%=Model.Articles[i].Title %>" href="/news/details/<%=Model.Articles[i].ID %>/<%=Html.ToUrlFriendly(Model.Articles[i].Title)%>"><%=Model.Articles[i].Title %></a></h3>
                <p><%=Model.Articles[i].Summary %></p>
             </div>
        </li> 
        <%}
    } %>
       
      </ul>  	
  </div>
  <!-- END MAIN CONTENT --> 
    <!-- NAVIGATOR -->

  <div class="lof-navigator-outer">
  		<ul class="lof-navigator">
            <%if (Model.Articles.Count > 0)
            {
                var count = Model.Articles.Count;
                for (int i = 0; i < count; i++)
                {
                    string imgPath = (Model.Articles[i].ImagePath != null && Model.Articles[i].ImagePath != string.Empty) ? SDT.Lib.Common.Utils.GenThumbnail(Model.Articles[i].ID, 55, 38, Model.Articles[i].ImagePath, Model.ImagePath, Model.RootImageUrl) : SDT.Lib.Common.Globals.DefaultLogo;
                    %>
  		        <li>
                     <div>
                         <a href="/news/details/<%=Model.Articles[i].ID %>/<%=Html.ToUrlFriendly(Model.Articles[i].Title)%>">
                         <img class="bor_img" src="<%=imgPath %>" title="<%=Model.Articles[i].Title %>" alt="<%=Model.Articles[i].Title %>" width="55" height="38" /></a>       
                         <h3>
                            <a href="/news/details/<%=Model.Articles[i].ID %>/<%=Html.ToUrlFriendly(Model.Articles[i].Title)%>">
                            <%=Model.Articles[i].Title %></a>
                         </h3>
                     </div>
                </li> 
                <%}
            } %>
        </ul>
  </div>
 </div> 
 <script type="text/javascript">
     $(document).ready(function() {
         $('#lofslidecontent45').lofJSidernews({ interval: 4000,
             direction: 'opacity',
             duration: 1000,
             easing: 'easeInOutSine'
         });
     });
</script>


